<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            border-collapse: collapse;
        }
        .s{
            color: white;
            font-size: 15px;

        }
        .r{
            color: white;
            font-size: 15px;
        }
        .o{
            color: white;
            font-size: 15px;
            
        }
        .p{
            color: white;
            font-size: 15px;
    
        }
        .m{
            color: white;
            font-size: 15px;
            
        }
        tr,td{
            text-align: center;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <center>
        <caption>运动会跑步成绩</caption>
<table border="1px solid black" width="500px" height="100px">
    <tr bgcolor="lightblue" class="s">
        <td>长度</td>
        <td>李雯</td>
        <td>王谦</td>
        <td>周佳</td>
    </tr>
    <tr>
        <td bgcolor="lightblue" class="r">100米</td>
        <td>14s</td>
        <td>16s</td>
        <td>13s</td>
    </tr>
    <tr>
        <td bgcolor="lightblue" class="o">200米</td>
        <td>26s</td>
        <td>23s</td>
        <td>25s</td>
    </tr>
    <tr>
        <td bgcolor="lightblue" class="p">400米</td>
        <td>70s</td>
        <td>73s</td>
        <td>69s</td>
    </tr>
    <tr>
        <td bgcolor="lightblue" class="m">总用时</td>
        <td>110s</td>
        <td>112s</td>
        <td>107s</td>
    </tr>
</table>
    </center>    
</body>
</html>